const HOST = 'http://artshoeschina.cn';
const YEAR = new Date().getFullYear()
const ICP = "京ICP备19034469号-3";


/* 
  获取地址栏里的关键字段
  name:string,关键字段
*/
function GetQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return decodeURI(r[2]);
  return null;
}

/* 
  给底部的cp赋值
*/
$(".copyright-icp").html(ICP)
$(".copyright-cp span").html(YEAR)
// var p=$(this).width() / 1920;
// this.p = p;
// 头部导航栏切换---
let isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
if (!isMobile) {
  $("nav>li").mouseenter(function () {
    $(this).find(".hide").removeClass("hide").addClass("show");
    $("#header").removeClass("no-shadow")
  })

  $("nav>li").mouseleave(function () {
    $(this).find(".show").removeClass("show").addClass("hide");
  })
  // 购买方式
  $(".header-buy-ways").mouseenter(() => {
    $("#buy-ways").removeClass("hide").addClass("show")
  })
  $(".header-buy-ways").mouseleave(function () {
    $("#buy-ways").removeClass("show").addClass("hide")
  })

  // 搜索相关
  $(".header-search").click(function () {
    $("#search-query").show()
  })
  $("#searchmessageclose").click(function () {
    $("#search-query").hide()
  })

  $(".query-button").click(function () {
    let value = $(".query-input").val().trim();
    if (value) {
      location.href="./goods-list.html?search="+value
    } else {
      alert("请输入内容")
    }
  })
} else {
  // 头部======
  // 点击btn
  $(".mobile-header-nav-btn").click(function () {
    let res = $(".mobile section:nth-child(2)").attr("id");
    if (res == "hide") {
      $(".mobile section:nth-child(2)").attr("id", "show")
    } else {
      $(".mobile section:nth-child(2)").attr("id", "hide")
    }
  })

  // 点击每一项
  $(".mobile-header-class-box>div:nth-child(1)").click(function () {
    let res = $(this).data("class");
    if (res == "open") {
      $(this).siblings().removeClass("flex").addClass("hide");
      $(this).addClass("to-close").removeClass("to-open").data("class", "close");
    } else {
      $(this).siblings().removeClass("hide").addClass("flex");
      $(this).addClass("to-open").removeClass("to-close").data("class", "open");
    }
  })

  // 底部===
  $(".footer-mobile-item>div:nth-child(1)").click(function () {
    let res = $(this).data("class");
    if (res == "open") {
      $(this).siblings().removeClass("flex").addClass("hide");
      $(this).addClass("footer-close").removeClass("footer-open").data("class", "close");
    } else {
      $(this).siblings().removeClass("hide").addClass("flex");
      $(this).addClass("footer-open").removeClass("footer-close").data("class", "open");
    }
  })


  $(".mobile-header-search-btn").click(function () {
    let value = $(".mobile-header-search input").val().trim();
    if (value) {
      location.href="./goods-list.html?search="+value
    } else {
      alert("请输入内容")
    }
  })
}


//导航数据请求部分

/* 
   导航请求数据
   */
function getNavData(requestData, succCallback, errorCallback) {
  requestData = requestData
  requestType = 'post'
  dataType = 'JSONP'
  $.ajax({
    url: "" + HOST + "/Index/index/goodsex", //请求地址
    type: requestType, //请求类型
    data: {
      id: requestData
    }, //请求数据
    success: function (res) {
      if (res.success == '1') {
        if (succCallback) {
          succCallback(res.data, requestData)
        }
      } else {
        if (errorCallback) {
          errorCallback(res)
        }
      }
    },
    error: function (e) {
      console.log("加载错误", e)
    }
  })
}


/* 
  获取导航男/女的数据
*/
function getNavMan() {
  getNavData(0, gertNavSuccess)
  // console.log($(".mobile-header-class-item-bottom").eq())
}

function getNavWomen() {
  getNavData(1, gertNavSuccess)
}

/* 
  是否获取nav的数据
*/
function getNav() {
  getNavMan()
  getNavWomen()
}

getNav()

/* 
导航数据请求callback
*/
function gertNavSuccess(e, num) {
  // console.log(e)
  var str = '',
    strm = '';
  for (var i = 0; i < e.length; i++) {
    // pc
    str += `<li class="header-collapse-li">
                <a href="./goods-list.html?gsex=${num}&classify=2&classifyValue=${e[i].id}">
                  <div><img class="collapse-item" src="${HOST+e[i].img}" alt=""></div>
                  <div class="collapse-desc">${e[i].type}</div>
                </a>
              </li>`
    // 手机
    strm += `<a class="mobile-header-class-bottom-item" href="./goods-list.html?classify=2&classifyValue=${e[i].id}">
              <img src="${HOST+e[i].img}" alt="">
              <div>${e[i].type}</div>
            </a>`
  }
  $(".header-collapse ul").eq(num).html(str)
  $(".mobile-header-class-item-bottom").eq(num).html(strm)
}

// =====鼠标移动到天猫切换图片======
$(".tmall-logo img").mouseenter(function () {
  $(this).attr("src", "./images/tmall-ol.png")
})

$(".tmall-logo img").mouseleave(function () {
  $(this).attr("src", "./images/tmall.png")
})



// =====处理转义后的标签=====
function manageRegTag(arr) {
  return JSON.parse(JSON.stringify(arr).replace(/&lt;/g, "<").replace(/&gt;/g, ">"))
}

// ===== 底部的白线 =====
$(".footer-mobile-item").click(function(){
  $(this).toggleClass("no-border")
})

$(function () {

  // 添加返回顶部
  returnToTop()
function returnToTop() {
  var top = document.createElement("div");
  top.classList.add("back2top")
  $("body").append(top)
}

// 返回顶部监控
  showScroll();

  function showScroll() {
    $(window).scroll(function () {
      var scrollValue = $(window).scrollTop();
      scrollValue > 500 ? $('div[class=back2top]').show() : $('div[class=back2top]').hide();
    });
    $('.back2top').click(function () {
      $("html,body").animate({
        scrollTop: 0
      }, 200);
    });
  }
});
